<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <mate name="flexibel" content="initial-drl=2"/> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=SY-J&nickName=八字事业-结果页&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title>八字事业运-知命</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_bazishiye_zf-zfend.css"/>
    <script src="__PUBLIC__/js/rem.js"></script>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <style>
         body{background-color:#ffffff;}
    </style>
</head>
<body>
    <include file="Public/header"/>
    
    <div class="public_bg_wrap ">
        <div class="order_top_info public_border">
            <div class="oti_num">订单号：<!--{$Think.cookie.Zorderid}--></div>
            <if condition="$Think.cookie.QSorderNo eq 1">
                <else />
                <!-- 大师寄语 -->
                <!--<div class="dashi_point_warp">-->
                    <!--<div class="dashi_point_title">你有一条留言:</div>-->
                    <!--<div class="dashi_point_content">-->
                        <!--<img src="__PUBLIC__/images/bazishiye/touxiangimg.png" alt="大师头像" class="portrint">-->
                        <!--<div class="dashi_point_box" data-cid="one">-->
                            <!--<img src="__PUBLIC__/images/bzjp_img/img_yuyin3.png" alt="语音进度" id="Aone" class="dashi_icon">-->
            <!---->
                        <!--</div>-->
                        <!--<div class="dashi_audio_time newMsg">00:27"</div>-->
                    <!--</div>-->
                <!--</div>-->
            </if>
             
        </div>

        <div class="order_top_info public_border">
            <p><span>姓名：</span>
                <!--{$Think.cookie.znickname}-->
            </p>
            <p><span>公历：</span>
                <!--{$Think.cookie.zyangli}-->
            </p>
            <p><span>农历：</span>
                <!--{$Think.cookie.zyinli}-->&nbsp;&nbsp;
                <!--{:mb_substr($sizhu['3'],1,1,'utf-8')}-->时</p>
        </div>


        <div class="order_wrap_box public_border">
            <div class="public_title_3">您的八字排盘</div>
            <div class="order_table">
                <table>
                    <tbody>
                        <tr><th>十神</th><td><!--{$nianzhuss[0]}--></td><td><!--{$nianzhuss[1]}--></td><td>命主</td><td><!--{$nianzhuss[2]}--></td></tr>
                        <tr><th>八<br>字</th><td><!--{:mb_substr($sizhu[0],0,1,'utf-8')}--><br><!--{:mb_substr($sizhu[0],1,1,'utf-8')}--></td>
                                             <td><!--{:mb_substr($sizhu[1],0,1,'utf-8')}--><br><!--{:mb_substr($sizhu[1],1,1,'utf-8')}--></td>
                                             <td><!--{:mb_substr($sizhu[2],0,1,'utf-8')}--><br><!--{:mb_substr($sizhu[2],1,1,'utf-8')}--></td>
                                             <td><!--{:mb_substr($sizhu[3],0,1,'utf-8')}--><br><!--{:mb_substr($sizhu[3],1,1,'utf-8')}--></td></tr>
                                <tr><th>藏干</th><td><!--{$canggan[0]}--></td><td><!--{$canggan[1]}--></td><td><!--{$canggan[2]}--></td><td><!--{$canggan[3]}--></td></tr>
                        <tr>
                            <th>地支<br>十神</th>
                            <td class="ot_span"><span><!--{$zhishen[0]}--></span></td>
                            <td class="ot_span"><span><!--{$zhishen[1]}--></span></td>
                            <td class="ot_span"><span><!--{$zhishen[2]}--></span></td>
                            <td class="ot_span"><span><!--{$zhishen[3]}--></span></td>
                        </tr>
                        <tr><th>纳音</th><td><!--{$sizhuny[0]}--></td><td><!--{$sizhuny[1]}--></td><td><!--{$sizhuny[2]}--></td><td><!--{$sizhuny[3]}--></td></tr>
                        <tr><th>地势</th><td><!--{$bzdishi[0]}--></td><td><!--{$bzdishi[1]}--></td><td><!--{$bzdishi[2]}--></td><td><!--{$bzdishi[3]}--></td></tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="order_wrap_box public_border">
            <div class="public_title_3">八字性格分析</div>
            <div class="order_detail">
                <div class="od_tip_1">优点</div>
                <div class="od_p"><!--{$mgarrzhux[0]['youdian']}--></div>
                <div class="od_tip_2">缺点</div>
                <div class="od_p"><!--{$mgarrzhux[0]['quedian']}--></div>
                <div class="od_tip_3">总评</div>
                <div class="od_p_icon"><!--{:mb_substr($sizhu[2],0,1,'utf-8')}--><!--{:mb_substr($sizhuny[2],2,1,'utf-8')}-->属<!--{$arryysz[2]}--><!--{:mb_substr($sizhuny[2],2,1,'utf-8')}-->，为<!--{$sizhuny[2]}-->，<!--{$bzshiye['xinggezp1']}--></div>
                <div class="od_p_icon"><!--{$bzshiye['xinggezp2']}--></div>
                <div class="od_p_icon"><!--{$bzshiye['xinggezp3']}--></div>
                <div class="od_p_icon"><!--{$mgarrzhux[0]['zengyan']}--></div>
            </div>
        </div>
        <div class="order_wrap_box public_border">
            <div class="public_title_3">事业助力阻力</div>
            <div class="order_detail">
                <div class="od_tip_1">助力</div>
                <div class="od_p"><!--{$syarrzhux[0]['quedian1']}--></div>
                <div class="od_tip_2">阻力</div>
                <div class="od_p"><!--{$syarrzhux[0]['quedian2']}--></div>
                <div class="od_tip_3">总评</div>
                <div class="od_p_icon"><!--{$syarrzhux[0]['zengyan']}--></div>
            </div>
        </div>
        <div class="order_wrap_box public_border">
            <div class="public_title_3">事业发展方向</div>
            <div class="order_detail">
                <div class="od_img"><img src="__PUBLIC__/images/bazishiye/2_img_1.jpg" alt=""></div>
                <div class="od_tip_4">方向</div>
                <div class="od_p"><!--{$bzshiye['direction1']}--></div>
                <div class="od_tip_5">雷区</div>
                <div class="od_p"><!--{$bzshiye['direction2']}--></div>
                <div class="od_tip_6">建议</div>
                <div class="od_p"><!--{$bzshiye['direction3']}--></div>
            </div>
        </div>
        <div class="order_wrap_box public_border">
            <div class="public_title_3">事业运势详解</div>
            <div class="order_detail">
                <div class="od_title"><!--{$yearName}-->年运势</div>
                <div class="od_p">在<!--{$yearName}--><!--{$shiyeys[1]}--></div>
            </div>
        </div>
        <div class="order_wrap_box public_border">
            <div class="public_title_3">事业贵人</div>
            <div class="order_detail">
                <div class="od_title">贵人解析</div>
                <div class="od_p_icon">八字贵人：你的朋友宜选择<!--{:mb_substr($bzguirenp[0],0,1,'utf-8')}-->（<!--{:mb_substr($bzguirenp[0],1,1,'utf-8')}-->），<!--{:mb_substr($bzguirenp[1],0,1,'utf-8')}-->（<!--{:mb_substr($bzguirenp[1],1,1,'utf-8')}-->）年出生的人，他们是你的天乙贵人，在困难的时候往往能够帮你逢凶化吉。</div>
                <div class="od_p_icon">你与<!--{$shengxiaosh['dizhi1']}-->（<!--{$shengxiaosh['namesh1']}-->）、<!--{$shengxiaosh['dizhi2']}-->（<!--{$shengxiaosh['namesh2']}-->）年生者三合，如果组团队一起做事业会有很大的助力。与辰（龙）年生者六合，遇到困难可以找他作为帮手，他对你存在先天的帮扶作用，能在事业上帮助到你。</div>
                <div class="od_title">旺势方位</div>
                <div class="od_p">从八字命盘来看，你的贵人方位在东南方、东北方，有助于催旺事业贵人运</div>
                <div class="od_position">
                    <div class="od_p_img">
                        <img src="__PUBLIC__/images/bazishiye/2_img_2.jpg" alt="">
                        <span class="od_p_0">北</span><span class="od_p_1">东北</span><span class="od_p_2">东</span>
                        <span class="od_p_3">东南</span><span class="od_p_4">南</span><span class="od_p_5"><b>事业</b></span>
                        <span class="od_p_6"><b>桃花</b></span><span class="od_p_7"><b>健康</b></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="order_wrap_box public_border">
            <div class="public_title_3">财富运势</div>
            <div class="order_detail">
                <div class="od_title">先天财运</div>
                <div class="od_p_icon"><!--{$congenital}--></div>
                <div class="od_title"><!--{$yearName}-->财运</div>
                <div class="od_p_icon"><!--{$fortune}--></div>
            </div>
        </div>
        <div class="order_wrap_box public_border">
            <div class="public_title_3">健康运势</div>
            <div class="order_detail">
                <div class="od_img"><img src="__PUBLIC__/images/bazishiye/2_img_3.jpg" alt=""></div>
                <div class="od_title">过旺弊害</div>
                <div class="od_p"><!--{$arrwr[0]}--></div>
                <div class="od_title">过弱弊害</div>
                <div class="od_p"><!--{$arrwr[1]}--></div>
            </div>
        </div>
    </div>



    <!-- 大师亲算 公共 -->
    <include file="Public/jg_dsqs" />



    
    

    <audio src="" id="myAudio">
        您的浏览器不支持 audio 标签。
    </audio>
    <script>
        var num = 1;
        var clearTime;
        function setTimeAnimation(NodeClass){
            num++;
            if(num >3){
                num=1;
            }
            clearTime = setTimeout(function(){
                $(NodeClass).attr('src',"__PUBLIC__/images/bzjp_img/img_yuyin"+num+".png");
                setTimeAnimation(NodeClass);
            },400)
        }
        

        var audio = document.getElementById('myAudio');
        document.addEventListener("WeixinJSBridgeReady", function () {
            audio.play();
        }, false);


        $('.dashi_point_box').on('click',function(){

            if($(this).attr('data-cid')=='one'){
                clearTimeout(clearTime);
                if($(this).hasClass('play')){
                    $(this).removeClass('play');
                    audio.pause();
                }else{
                    $('.dashi_point_box').removeClass('play');
                    $(this).addClass('play');
                    $('#myAudio').attr('src','__PUBLIC__/images/bazishiye/bzsy_top.mp3');
                    audio.play();
                    $(this).next('.dashi_audio_time').removeClass('newMsg');
                }
                
            }else if($(this).attr('data-cid')=='two'){
                clearTimeout(clearTime);
                if($(this).hasClass('play')){
                    $(this).removeClass('play');
                    audio.pause();
                }else{
                    $('.dashi_point_box').removeClass('play');
                    $(this).addClass('play');
                    $('#myAudio').attr('src','__PUBLIC__/images/bazishiye/bzsy_bottom.mp3');
                    audio.play();
                    $(this).next('.dashi_audio_time').removeClass('newMsg');
                }
            }
        });

        audio.addEventListener("play", function(){

            if($('#myAudio').attr('src')=='__PUBLIC__/images/bazishiye/bzsy_top.mp3'){
                clearTimeout(clearTime);
                $('#Atwo').attr('src',"__PUBLIC__/images/bzjp_img/img_yuyin3.png");
                setTimeAnimation('#Aone');
            }
            if($('#myAudio').attr('src')=='__PUBLIC__/images/bazishiye/bzsy_bottom.mp3'){
                clearTimeout(clearTime);
                $('#Aone').attr('src',"__PUBLIC__/images/bzjp_img/img_yuyin3.png");
                setTimeAnimation('#Atwo');
            }
        });
        
        audio.addEventListener("pause", function(){
            $('.dashi_point_box').removeClass('play');
            if($('#myAudio').attr('src')=='__PUBLIC__/images/bazishiye/bzsy_top.mp3'){
                clearTimeout(clearTime);
                $('#Aone').attr('src',"__PUBLIC__/images/bzjp_img/img_yuyin3.png");
            }
            if($('#myAudio').attr('src')=='__PUBLIC__/images/bazishiye/bzsy_bottom.mp3'){
                clearTimeout(clearTime);
                $('#Atwo').attr('src',"__PUBLIC__/images/bzjp_img/img_yuyin3.png");
            }
        });
    </script>
    <!-- 弹窗 -->
    <if condition="$wxlogin eq 1">
        <!--<div class="cs_tc_container">-->
            <!--<div class="cs_tc_warp">-->
                <!--<img src="__PUBLIC__/images/bazishiye/img_sycs.png" width="100%" alt=""> -->
                <!--<div class="lingqu_btn">领取并分享</div>-->
                <!--<span class="closeBtn"></span>-->
            <!--</div>-->
        <!--</div>-->
    <else /></if>
    <!-- 提示分享 -->
    <!--<div class="ts_tc_container">   -->
        <!--<div class="ts_tc_bg">-->
            <!--<div class="ts_tc_contnet">点击右上角分享到微信群和朋友圈。</div>-->
        <!--</div>-->
    <!--</div>-->

    
    <!-- 底部 -->
    <div class="hot_cs">
        <include file="Public/zhiming" />
    </div>
    <!-- 结果特别提醒 -->
    <include file="Public/ZM_point" />

    <footer class="footer_severs" style="padding-bottom:61px;">
        <include file="Public/bottom" />
    </footer>
    
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>

         $('.closeBtn').on('click',function(){
            $('.cs_tc_container').css('display','none');
        })
        $('.lingqu_btn').on('click',function(){//领取并分享
            $('.cs_tc_container').css('display','none');
            $('.ts_tc_container').css('display','block');
            $.getJSON("<!--{:U('Index/jieguoyeFxlq','',false)}-->",{csName:'SY'},function(data){//回调入库
            });
        })
        $('.ts_tc_container').on('click',function(){
            $('.ts_tc_container').css('display','none');
        })
        
        $('.cs_tc_container').on('click',function(){$('.cs_tc_container').css('display','none');})
        $('.cs_tc_warp').on('click',function(e){e.stopPropagation()})
        
        $('#fiex').on('click',function(){//加大师微信一对一亲算
            $('#publicPayPopup').css('display','block');
            $.getJSON("<!--{:U('Index/jieguoyeXfan','',false)}-->",{csName:'SY'},function(data){//回调入库
            });
        })
        $('.dashi_zaixian_container').on('click',function(){
            $('#publicPayPopup').css('display','block');
        })
        $('#publicPPClose').on('click',function(){
            $('#publicPayPopup').css('display','none');
        })
        $('.kefu_btn').on('click',function(){//大师在线 立即连线
            $('#publicPayPopup').css('display','block');
            $.getJSON("<!--{:U('Index/jieguoyeDszx','',false)}-->",{csName:'SY'},function(data){//回调入库
            });
        })


        var wxlogin='<!--{$Think.cookie.wxlogin}-->';
        if (wxlogin == 1) {
            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
                timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
                nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
                signature: '<!--{$signature}-->',// 必填，签名，见附录1
                jsApiList: [
                    'checkJsApi',
                    'openLocation',
                    'getLocation',
                    'onMenuShareTimeline',
                    'onMenuShareAppMessage',
                    'scanQRCode'
                ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            });

            wx.ready(function () {
                // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
                // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
                wx.onMenuShareAppMessage({
                    title: '事业不顺？台湾命理大师亲算！财运研究专家帮你旺财旺事业', // 分享标题
                    desc: '对于现代人来说，所追求的事情无非就三种，感情，财运，事业，能够拥有一份前途似锦的事业，无疑是最令人羡慕的事情。在你的生活当中，你能否拥有一个良好的平台让你施展自己的才华？你适合什么样的事业？你最适合在哪个方向发展你的事业？八字事业详细解读你事业上的助力与阻力，让你步步高升！', // 分享描述
                    link: '<!--{$Think.cookie.SYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/02.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                        $('.ts_tc_container').css('display','none');
                        $.getJSON("<!--{:U('Index/wxShare','',false)}-->",{csName:'SY'},function(data){//回调入库
                        });
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });

                wx.onMenuShareTimeline({
                    title: '事业不顺？台湾命理大师亲算！财运研究专家帮你旺财旺事业', // 分享标题
                    desc: '对于现代人来说，所追求的事情无非就三种，感情，财运，事业，能够拥有一份前途似锦的事业，无疑是最令人羡慕的事情。在你的生活当中，你能否拥有一个良好的平台让你施展自己的才华？你适合什么样的事业？你最适合在哪个方向发展你的事业？八字事业详细解读你事业上的助力与阻力，让你步步高升！', // 分享描述
                    link: '<!--{$Think.cookie.SYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/02.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                        $('.ts_tc_container').css('display','none');
                        $.getJSON("<!--{:U('Index/wxShare','',false)}-->",{csName:'SY'},function(data){//回调入库
                        });
                    }

                });

                wx.onMenuShareQQ({
                    title: '事业不顺？台湾命理大师亲算！财运研究专家帮你旺财旺事业', // 分享标题
                    desc: '对于现代人来说，所追求的事情无非就三种，感情，财运，事业，能够拥有一份前途似锦的事业，无疑是最令人羡慕的事情。在你的生活当中，你能否拥有一个良好的平台让你施展自己的才华？你适合什么样的事业？你最适合在哪个方向发展你的事业？八字事业详细解读你事业上的助力与阻力，让你步步高升！', // 分享描述
                    link: '<!--{$Think.cookie.SYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/02.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.onMenuShareQZone({
                    title: '事业不顺？台湾命理大师亲算！财运研究专家帮你旺财旺事业', // 分享标题
                    desc: '对于现代人来说，所追求的事情无非就三种，感情，财运，事业，能够拥有一份前途似锦的事业，无疑是最令人羡慕的事情。在你的生活当中，你能否拥有一个良好的平台让你施展自己的才华？你适合什么样的事业？你最适合在哪个方向发展你的事业？八字事业详细解读你事业上的助力与阻力，让你步步高升！', // 分享描述
                    link: '<!--{$Think.cookie.SYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/02.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.onMenuShareWeibo({
                    title: '事业不顺？台湾命理大师亲算！财运研究专家帮你旺财旺事业', // 分享标题
                    desc: '对于现代人来说，所追求的事情无非就三种，感情，财运，事业，能够拥有一份前途似锦的事业，无疑是最令人羡慕的事情。在你的生活当中，你能否拥有一个良好的平台让你施展自己的才华？你适合什么样的事业？你最适合在哪个方向发展你的事业？八字事业详细解读你事业上的助力与阻力，让你步步高升！', // 分享描述
                    link: '<!--{$Think.cookie.SYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/02.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.error(function (res) {
                    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
                });

            });


        }else{

        }
    </script>
</body>
</html>